Webmaster Libre

El menú desplegable es uno de esos recursos casi me atrevería a decir indispensables, sobre todo cuando queremos mostrar mucho contenido en poco espacio (lo mismo que sucede, por ejemplo, con los sistemas de pestañas).

La búsqueda de un menú desplegable accesible y compatible con todos los navegadores nos ha llevado a ir probando diversas soluciones, incluso a desarrollar cada uno la suya.

Pop! es una solución más que agregar a nuestra caja de herramientas, con ella podremos crear desplegables que degradarán perfectamente para usuarios sin javascript y en los que podremos colocar cualquier tipo de contenido ya sea texto, enlaces, videos, fotos…

Pop! requiere el uso de jQuery y crear nuestros menús es tan fácil como incluir el javascript y la hoja de estilo (que podremos adaptar a nuestras preferencias)

<link href="/pop/stylesheets/pop.css" media="all" rel="stylesheet" type="text/css"/>

<script language="javascript" src="/pop/javascripts/jquery.js" type="text/javascript"></script>
<script language="javascript" src="/pop/javascripts/jquery.pop.js" type="text/javascript"></script>

Inicializar Pop!

<script type='text/javascript'>
   $(document).ready(function(){
     $.pop();
   });
</script>

Y envolver el contenido que queramos convertir en desplegable con un div con la clase “pop” (o la que hayamos definido al inicializar el script).

Pop! está bajo licencia MIT.

Pop!: http://pop.seaofclouds.com/

Vía Web Resources Depot